<!DOCTYPE html>
<html>
<head>
  <style type="text/css">
    body { margin: 0; padding: 0; }
  </style>
</head>
<body>
  <object id="rotated-plugin"
      style="transform: rotate(90deg); position: absolute; top: 0; left: 0; -webkit-transform-origin: 0 0;"
      type="application/x-webkit-test-webplugin"
      border=0
      width="40"
      height="40">
  </object>
  <object id="subpixel-positioned-plugin"
      border=0
      style="position: absolute; top: 0.4px; left: 0.4px;"
      type="application/x-webkit-test-webplugin"
      width="40"
      height="40">
  </object>
  <object id="translated-plugin"
      border=0
      style="transform: translate(10px, 10px); position: absolute; top: 0; left: 0;"
      type="application/x-webkit-test-webplugin"
      width="40"
      height="40">
  </object>
  <object id="odd-dimensions-plugin"
      border=0
      style="transform: translate(200px, 10px); position: absolute; top: 0; left: 0;"
      type="application/x-webkit-test-webplugin"
      width="41"
      height="41">
  </object>
</body>
</html>
